<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 函数/方法的定义
        //
        function fun1() {
            console.log("这是一个方法1")
        }

        fun1() // 调用方法
        var fun2 = function() {
            console.log("这是fun2")
        }
        fun2()

        //===============
        // 表面它是一个函数结构
        // 要有形参列表
        // 要有方法体
        const fun3 = (a, b, c) => {
            console.log(a)
            console.log(b)
        }
        fun3(1, 2, 3)
        // 5秒钟之后弹出一个警告"Hello 2025-02-17"
        var fun4 = function() {
            alert('Hello 2025-02-17')
        }
        // fun4()
        //setTimeout(fun4, 5000)
        /* setTimeout(function(){
            alert('Hello 2025-02-17')
        }, 3000) */
        /* setTimeout(() => {
            alert('Hello 2025-02-17')
        }, 3000) */
        // 做一个倒计时，从60秒变为0
        /* let time = 60
        let i = setInterval(() => {
            time --
            let p = document.getElementById('showTime')
            p.innerHTML = time
            if(time <= 0) {
                clearInterval(i)
            }
        }, 1000) */
        // ====================
        console.log('==========================')
        // 形参有且仅有一个的时候，可以不写小括号
        /* const fun5 = a => {console.log('看看a:' + a)}
        fun5(100) */
        const fun6 = (a,b) => {return a + b}
        console.log(fun6(2, 3))
        // 方法体只有一行代码的时候就可以省略花括号
        // 而且会自动return
        const fun7 = (a,b) => a + b
        console.log(fun7(3, 4))
    </script>
</head>
<body>
    <p id="showTime"></p>
</body>
</html>